/*@import url(https://fonts.useso.com/css?family=Open+Sans);*/


/*

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

.container{
  padding: 2rem;
}
*/

.title{
  color:#2980B9;
  font-size: 1.1rem;
  line-height: 2.5rem;
  text-transform: capitalize;
  text-align: center;
}


.gallery{
  width: 100%;
  max-width: 1200px;
  min-height: 350px;
  margin: 2rem auto;
  
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gallery-item{
  box-shadow: 2px 2px 8px -1px #3498DB;
  width: 380px;
  height: 280px;
  margin: 10px;
  background: #000;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.gallery-item-image{
  position: absolute;
  width: 100%;
  height: 85%;
  background: lightblue;
  z-index:20;
  -webkit-transition:all .5s ease;
  transition: all .5s ease;
  bottom:42px;
  overflow: hidden;
}
.gallery-item-title{ 
	line-height:30px; 
	font-size:16px; 
	color:white;
	padding:18px 0 0 0;
	background: #3498DB;
	position: absolute;
	}

.ididid{ line-height:18px; padding-top:20px;}

.gallery-item:hover .gallery-item-image{
  bottom: 100px;
}

.gallery-item-description{
  color:white;
  font-size:12px;
  line-height:20px;
  width: 100%;
  height: 100px;
  background: #3498DB;
  position: absolute;
  padding: 100px 8px 10px 8px; 
  bottom:0; 
}